<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jsp/jstl/core" >
 <head>
 </head>    
  <ui:composition template="/templates/default/template.xhtml">
    	<ui:define name="body"> 
 			<h:panelGrid columns="1" style="margin-left:5px;width:100%">	
 				<!--  tieu de -->
	 			<h:panelGrid columns="3" styleClass="columPanelbaritemTitle">
					<h:graphicImage value="/templates/default/images/left-heading_01.jpg" style="margin-left:-4px;margin-bottom:0px"></h:graphicImage>
			  		<h:outputText value="Báo cáo định kỳ" styleClass="panelbaritemTitle"></h:outputText>
					<h:graphicImage value="/templates/default/images/left-heading_03.jpg"></h:graphicImage>
		  		</h:panelGrid>
		  			<!-- ket thuc tieu de -->
					<!-- phan noi dung phia duoi -->
		  		<h:panelGrid columns="1" styleClass="panelGridBody">
				<h:form>
				<rich:panel style="background:#FFFFFF">
				   <h:panelGrid columns="2" style="margin-left:80px">
			       <h:outputText></h:outputText>
				   <h:outputText id="idError" value="#{beanBaoCao.error}" style=" color: red;">
			       </h:outputText>
			       
			       <br></br>
		    </h:panelGrid>
			  		<h:panelGrid columns="4">
			  			<h:outputText value="Năm(*)"  styleClass="inputText" style="margin-left:15px;"></h:outputText>
		    		   <h:selectOneMenu value="#{beanBaoCao.nam}" styleClass="InputControl">
				          <f:selectItems value="#{beanBaoCao.listItemYear}"/>	
		    		   </h:selectOneMenu>
		    		
		    		   <h:outputText value="Định kỳ" styleClass="inputText" style="margin-left:15px;"></h:outputText>		    		
		    		   <h:selectOneMenu value="#{beanBaoCao.dinhky}" styleClass="InputControl">
				         <f:selectItems  value="#{beanBaoCao.listItemMonth}"/>	
	    		       </h:selectOneMenu>
	    		       
		    		   <h:outputText value="Theo tiêu chí" styleClass="inputText" style="margin-left:15px;"></h:outputText>		    		
		    		   <h:selectOneMenu value="#{beanBaoCao.tieuchi}" styleClass="InputControl">
				         <f:selectItems  value="#{beanBaoCao.listItemTieuChi}"/>
				         <a4j:support action="#{beanBaoCao.setLableInput}" event="onchange"
				          reRender="idOut" >
				         </a4j:support>	
	    		       </h:selectOneMenu>
		    		   <h:outputText id="idOut" value="#{beanBaoCao.lable}" styleClass="inputText" style="margin-left:15px;"></h:outputText>		    		
		    		   <h:inputText value="#{beanBaoCao.thongtin}" styleClass="InputControl">
		    		   </h:inputText>
			  		<!-- action -->	
			  	  </h:panelGrid>
			  	   <h:panelGrid columns="4" style="margin-left:100px;margin-top:10px">
			    	<a4j:commandButton  value="Xem" styleClass="Button"
			    	   reRender="idError" action="#{beanBaoCao.view}" ></a4j:commandButton>
			    	<a4j:commandButton  value="Xuất File Excel" styleClass="Button"
			    	   reRender="idError" action="#{beanBaoCao.export}" ></a4j:commandButton>
			    	<a4j:commandButton  value="Xuất File PDF" styleClass="Button"
			    	   reRender="idError" action="#{beanBaoCao.exportPDF}" ></a4j:commandButton>
			        <a4j:commandButton   value="Reset" styleClass="Button" action="#{beanBaoCao.reset}"></a4j:commandButton>
			      </h:panelGrid>
		  		</rich:panel>
		  		  <!-- ket thuc action -->
				</h:form>
			   </h:panelGrid>	
			   <ui:include src="#{beanBaoCao.bieumau}" />
			</h:panelGrid>  
</ui:define>
</ui:composition>			
      
 </html>     